<template>
	<view class="msg_notice">
		<view class="notice_head u-border-bottom">
			<text class="iconfont icon-bellfill u-font-38 u-m-r-10 text-blue"></text>
			<text class="u-font-34 text-grey">群公告</text>
		</view>
		<view class="notice-body">
			<view class="u-line-3">
				<text class="u-font-28">{{info.content}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			info:{
				required:true,
				type:Object
			}
		},
	}
</script>

<style lang="scss" scoped>
	.msg_notice{
		width: 400rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		border: 2rpx solid #eeeeee;
		.notice_head{
			padding: 20rpx 30rpx;
		}
		.notice-body{
			padding: 30rpx;
		}
	}
</style>